@import "_custom.sass"

/*
 ** Main-menu
/* 1st Level

#navigation ul.menu
  li
    &.menuparent
      position: relative
      ul
        width: 230px
        z-index: 100
        padding: 0
        display: none
        position: absolute
        li
          a
            padding: 10px
            margin: 0
            display: block
            width: 210px
            text-align: left
            line-height: 130%
            background: none
            font-size: 12px
      &:hover
        display: block
        > ul
          display: block
    ul
      li
        a:hover
          background: #1b1b1b
          color: #1487d4

/* 2nd Level

/* 3rd, 4th, 5th, (...) level

/*
 ** Superfish support

#navigation-t
  .block-superfish
    select
      width: 100%
      margin: 10px 0
      padding: 5px
    ul.sf-menu li
      background: none
      border: none
      a, &:hover, a:focus
        background: none
        border: none

/** Styles */
#navigation
  .block-superfish
    ul.sf-menu
      margin: 0px
      padding: 0px
      display: block
      position: relative
      z-index: 100
      li
        display: inline-block
        float: left
        vertical-align: middle
        padding: 0
        margin: 0
        background: #222222
        a
          margin: 0 25px 0 0
          padding: 10px 5px
          font-size: 14px
          text-transform: uppercase
          outline: none
          text-decoration: none
          font-weight: normal
          text-align: center
          font-family: Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif
          display: block
          background: #222222
          color: #ffffff
          &:active, &:hover
            background: none
            border: none
            color: #1487d4
          &:after
            content: none
        &.first a
          padding-left: 0
        &.last a
          margin-right: 0
        &:hover, &.sfHover
          > ul
            top: 42px
            ul
              top: 0px
              left: 230px
        li
          &:hover
            background-color: #1b1b1b
          a
            border-bottom: 1px solid #353535
            &:focus, &:hover, &:active
              background-color: #1b1b1b
          a, &.first a, &.last a
            margin: 0
            padding: 10px
            font-size: 12px

ul.secondary-menu li
  border-right: 1px solid #353535

/*
 ** Footer menu

#footer .block ul.menu
  margin: 0
  padding: 0
  ul.menu
    margin: 0 0 0 15px
  li
    list-style: none
    margin: 0
    padding: 0
    list-style-image: none
    a
      display: block
      padding: 5px

#footer ul.menu
  padding: 0
  margin: 0 0 10px 0
  display: block
  overflow: hidden
  li
    display: block
    float: left
    list-style-type: none
    overflow: hidden
    padding: 0 10px
    margin: 0
    &.first
      padding: 0 10px 0 0
      margin: 0
    &.last
      border-right: none
      margin: 0
  ul.menu
    display: none
